<template>
  <f7-page>
    <f7-navbar title="顾客信息录入" back-link="Back"></f7-navbar>
    <f7-list class="search-list" inline-labels no-hairlines-md>
      <a href="/customeradd/" @click="dianji" class="item-link item-content">
        <div class="item-inner item-cell">
          <div class="item-row">
            <div class="item-cell">入住顾客</div>
            <div class="item-col">
              <div class="item-row">
              <div class="item-cell">{{this.$store.state.apiCheckIn.customername}}</div>
              </div>
              <div class="item-row">
              <div class="item-cell">曹福营</div>
              </div>
            </div>
          </div>
        </div>
      </a>
      <!-- <f7-list-item link="/customeradd/"  header="入住顾客" :after="this.$store.state.apiCheckIn.customername">
      </f7-list-item>-->
    </f7-list>
    <f7-list class="search-list1" inline-labels no-hairlines-md>
      <f7-list-input
        label="房型"
        type="tel"
        defaultValue="Male"
        placeholder="Please choose..."
        v-model="this.$store.state.apiCheckIn.type"
      ></f7-list-input>
    </f7-list>
    <f7-list class="search-list2" inline-labels no-hairlines-md>
      <f7-list-input
        label="联系方式"
        type="tel"
        placeholder="Your phone number"
        v-model="this.$store.state.apiCheckIn.contact"
        clear-button
      ></f7-list-input>
    </f7-list>
    <f7-block strong class="queding">
      <f7-button fill raised href="/chooseroom/">确定</f7-button>
    </f7-block>
  </f7-page>
</template>
<style scoped>
/* .search-list,
.search-list1,
.search-list2 {
  top: 10%;
} */
.queding {
  top: 20%;
}
.item-row{
  width: 100%;
}
.item-col{
  width: 80px;
}
.item-cell{
}
</style> 
<script>
import axios from "axios";
export default {
  data() {
    return {
      object: [],
      id: null
    };
  },
  mounted() {
    this.selectRoomType();
  },
  methods: {
    selectRoomType() {
      const self = this;
      const app = self.$f7;
      URL = "/caofuying/Room/selectRoomType";
      axios.get(URL, {}).then(r => {
        const { data } = r;
        if (data != null) {
          this.object = data;
        } else {
          app.dialog.alert("服务器错误");
        }
      });
    },
    dianji(){
      this.$f7router.navigate("/backgroundhome/");
    }
  }
};
</script>
